.buy_tit{ position:relative; height:131px; margin-top:40px;} 
.buy_tit ul{ padding-left:50px;}
.buy_tit li{ float:left;  margin:50px 20px 0 50px;  font-size:24px; font-family:"黑体";  font-weight:bold;}
.buy_tit li a{ display:block;color:#343434; height:80px;}
.buy_li_hover a{border-bottom:1px solid #343434;}
.buy_tit li a{color:#343434;}
.buy_tit li a:hover{ color:#f40;}
.buy_bo{ border-bottom:1px solid #dfdfdf; position:absolute; bottom:0; width:100%; z-index:-1}
.ad_xiaomi{ width:190px; height:120px; background:url(../images/buy_img.jpg) no-repeat; padding:0 10px 0 110px;}
.ad_xiaomi h3{ font-size:22px; margin-top:10px; color:#333;font-family: 'Microsoft YaHei'; line-height:30px;}
.xiaomi_txt{ line-height:20px; margin-top:10px; display:block}
.ad_xiaomi span{ color:#f40; font-size:14px; margin-top:5px;}
.ad_xiaomi span i{ font-size:18px; margin-right:5px;}
.buy_cont{ border:1px solid #dfdfdf; }
.b_c_tit{ margin:0 20px; border-bottom:1px solid #dfdfdf; padding:10px 0 10px 60px; height:30px;}
.b_c_tit li{ float:left; line-height:30px; display:inline-block; padding:0 10px;  font-size:14px;font-family: 'Microsoft YaHei';}
.buy_02,.buy_03,.buy_04{margin:30px 20px 0;padding-bottom:10px;}.buy_04{border-top:1px solid #dfdfdf; padding-top:30px;padding-bottom:10px;}
.buy_02 dl,.buy_03 dl,.buy_04 dl{font-family: 'Microsoft YaHei'; width:19%; border:1px solid #fff; margin:20px 30px; float:left; background:#fdfdfd; text-align:center; padding:20px 1px 40px; cursor:pointer; min-height:110px; border-radius:6px; box-shadow:0 0 3px #b0b0b0;}
.buy_03 dt{ font-size:22px; font-weight:bold; color:#f00; margin-top:20px;}
.buy_02 dt{ line-height:30px; font-size:18px; padding:20px 0; font-weight:bold; color:#000; text-shadow:-1px -1px 0 #fff;}
.buy_04 dt{font-size:18px; color:#000; font-weight:bold; padding-top:20px;}
.buy_02 dd{ line-height:20px; font-size:12px; letter-spacing:2px; text-shadow:-1px -1px 0 #fff; color:#333;}.buy_03 dd{color:#f00;}.buy_04 dd{ font-size:14px;}
.buy_03_tit{margin:30px 20px; line-height:30px; font-size:16px;font-family: 'Microsoft YaHei';}
.buy_03_tit i{ font-size:18px; color:#f40; font-weight:bold; margin-right:10px;}
.buy_cell_hover dt{ color:#f00;}
.but_next{ height:60px; background:#f3f3f3; margin-top:30px; text-align:right; padding-top:20px;}
.next_01{ height:40px; border:0; background:#f40; padding:0 40px; font-size:16px; margin-right:30px; color:#fff; cursor:pointer;}
.b_bo_hover{ border:1px solid #f40 !important; background:#ee3f00 !important; box-shadow:0 0 7px #751f00 inset !important;}
.b_bo_hover dl,.b_bo_hover dd,.b_bo_hover dt{text-shadow:none !important; color:#fff !important;}
.bg{background:#f7f7f7 !important}
.buy_cont dl:hover{background:#fff; box-shadow:0 0 7px #ccc inset; border-color:#ccc;}


.cuxiao{ font-family: 'Microsoft YaHei'; width:225px; border:1px solid #dfdfdf; float:left; background:#fefefe; text-align:center; padding:10px 0px 0; cursor:pointer; height:150px;margin:0 20px 10px 0; position:relative;}
.cuxiao:hover{ border-color:#ee3f00 !important;}
.cuxiao h3{ font-size:22px; font-weight:lighter; color:#f00; line-height:18px;}.cuxiao h3 i{ margin-left:10px;}
.cu_pice { margin-top:20px; height:16px;line-height:16px; text-align:center; color:#666}
.cu_yuan{margin-right:10px; padding-top:10px 0;font-size:14px; color:#999;}
.cu_pice i{text-decoration:line-through;  }
.cu_pice .cu_cux{ font-size:14px; color:#ff6101;}
.cu_say{ line-height:26px; color:#000; font-size:14px;}.cu_say i{ font-size:11px; margin:0 3px;}
.cu_time{  color:#999;} 
.cu_fen{ font-size:16px; color:#f00; margin-top:5px; }
.sheng{ text-align:left;line-height:20px; line-height:23px; margin-top:5px;}
.sheng a{ float:right; margin-top:3px; display:inline-block; background:#c2e8f4; padding:0 5px; border-radius:4px; font-size:11px; color:#666; line-height:20px;}

.cu_time{ width:150px; margin:10px auto 0;height:18px; line-height:18px;background:#c2e8f4;}
.b_c_tit_hover{ background:#f00;padding:5px 15px 5px 15px;color:white !important}.b_c_tit_hover a{ color:#fff;}
.cu_guang,.cu_over{ position:relative; background:#f7f7f7 !important}.cu_guang:hover{cursor: not-allowed; border-color:#dfdfdf !important;}
.guang_ico,.over_ico{ position:absolute;background:#414141; background:rgba(65,65,65,.9); top:0; left:0; width:100%; height:100%; border-color:#000; filter:alpha(opacity:90); text-align:center; line-height:inherit; vertical-align:middle;}/*top:0; left:0;*/
.guang_ico img,.over_ico img{display:none;}
.guang_ico:after{content:'卖光了！'; position:absolute; display:block; width:100%; height:30px; color:#eee; font-size:28px; font-weight:bold; text-shadow:1px 1px 0 #000; font-style:italic; text-align:center; line-height:30px; top:50%; margin-top:-15px; left:0;}
.over_ico:after{content:'结束了！'; position:absolute; display:block; width:100%; height:30px; color:#eee; font-size:28px; font-weight:bold; text-shadow:1px 1px 0 #000; font-style:italic; text-align:center; line-height:30px; top:50%; margin-top:-15px; left:0;}





/* loading */
.spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
 
.container1 > div, .container2 > div, .container3 > div {
  width: 10px;
  height: 10px;
  background-color: #f40;
 
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
 
.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
 
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}





/* 进度 */
.schedule{position:relative; width:85%; margin:70px auto; height:10px; border-radius:10px; background:#a72d00;}
.schedule .sche_line{position:absolute; top:0; left:0; z-index:5; background:#f40; border-radius:10px; height:10px; width:10%;
transition:all .8s ease-in-out;
-webkit-transition:all .8s ease-in-out;
-moz-transition:all .8s ease-in-out;
-o-transition:all .8s ease-in-out;
}
.schedule .sche{position:absolute; width:40px; height:40px; background:#a72d00; border-radius:22px; text-align:center; display:block; line-height:40px; color:#fff; z-index:99; font-weight:bold; font-size:20px; text-shadow:1px 1px 0 #a72d00; border:2px solid #f40; top:50%; margin-top:-22px; cursor:default;}
.schedule .sche1{left:5%;}
.schedule .sche2{left:35%;}
.schedule .sche3{left:65%;}
.schedule .sche4{left:91%;}
.schedule .sche_on{border-color:#ff5b20;background:#f40;
transition:all .8s ease-in-out;
-webkit-transition:all .8s ease-in-out;
-moz-transition:all .8s ease-in-out;
-o-transition:all .8s ease-in-out;
animation:sche 1s ease-in-out infinite;
-webkit-animation:sche 1s ease-in-out infinite;
-moz-animation:sche 1s ease-in-out infinite;
-o-animation:sche 1s ease-in-out infinite;
}


@keyframes sche{
50%{
box-shadow:0 0 8px #ff4b27;
}

}
@-webkit-keyframes sche{
50%{
box-shadow:0 0 8px #ff4b27;
}

}
@-moz-keyframes sche{
50%{
box-shadow:0 0 8px #ff4b27;
}

}
@-o-keyframes sche{
50%{
box-shadow:0 0 8px #ff4b27;
}

}







/* 全马最低价 */
.lowest_price:after{position:absolute; content:'全马最低价'; top:-28px; right:-20px; border-radius:6px; padding:5px 10px; background:rgba(202,2,2,.8); color:#fff; font-size:16px; font-family:microsoft yahei; z-index:999; box-shadow:#ac0000 2px 2px 0;
animation:lowest 3s ease-in-out infinite;
-webkit-animation:lowest 3s ease-in-out infinite;
-o-animation:lowest 3s ease-in-out infinite;
-moz-animation:lowest 3s ease-in-out infinite;}

@keyframes lowest{
50%{transform:translate(0,5px);}
}
@-webkit-keyframes lowest{
40%{transform:translate(0,0px);}
50%{transform:translate(0,5px);}
60%{transform:translate(0,0px);}
}
@-moz-keyframes lowest{
50%{transform:translate(0,5px);}
}
@-o-keyframes lowest{
50%{transform:translate(0,5px);}
}







